<!DOCTYPE html >
<html>
	<head>
	<title>Przelicznik współrzędnych</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
	<link rel="stylesheet" type="text/css" href="styl.css" />
	<script type="text/javascript" src="skrypt.js"></script>
</head>
<body>
<div id="przelicznik">
	<fieldset>
	<legend>Przelicznik współrzędnych</legend>
		<fieldset id="wsp_stopnie">
		<legend>Podaj współrzędne</legend>
		<label for="szerokosc">Szerokość Geograficzna<dfn>np. 53°54'40.65"N</dfn></label>
		<input id="szerokosc" type="text" value=""  /><span class="info"></span><br />
		<label for="dlugosc">Długość Geograficzna<dfn>np. 14°12'2.52"E</dfn></label>
		<input id="dlugosc" type="text" value=""  /><span class="info"></span><br />
		<input id="przelicz" type="button" value="Przelicz!" />
		</fieldset>
		
		<fieldset id="wsp_koordynaty">
		<legend>Podaj koordynaty</legend>
		<label for="koordynaty">Koordynaty<dfn>np. 14.82271437130367,50.87081987854344,0</dfn></label>
		<textarea id="koordynaty"></textarea>
		<input id="przeliczzge" type="button" value="Przelicz z GE do mapy!" />
		<input id="przeliczdoge" type="button" value="Przelicz z mapy do GE !"/>
		<input id="przeliczzmp" type="button" value="Przelicz z *.mp do mapy !"/>
		<input id="przeliczzgml" type="button" value="Przelicz z *.gml do mapy !"/>
		</fieldset>

		<script type="text/javascript">
		var przelicz = document.getElementById('przelicz');
		przelicz.addEventListener('click',oblicz,false);
		var przeliczk = document.getElementById('przeliczzge');
		przeliczk.addEventListener('click',oblicz,false);
		var przeliczk2 = document.getElementById('przeliczdoge');
		przeliczk2.addEventListener('click',oblicz,false);
		var przeliczk3 = document.getElementById('przeliczzmp');
		przeliczk3.addEventListener('click',oblicz,false);
		var przeliczk4 = document.getElementById('przeliczzgml');
		przeliczk4.addEventListener('click',oblicz,false);
		</script>
		
		<fieldset id="wsp_liczba">
		<legend>Wynik</legend>
		<label for="szerokosc2">Szerokość Geograficzna</label>
		<input id="szerokosc2" type="text" value="" disabled="disabled" /><br />
		<label for="dlugosc2">Długość Geograficzna</label>
		<input id="dlugosc2" type="text" value="" disabled="disabled" /><br />
		<p id="wyniki"></p>
		</fieldset>
	</legend>
	</fieldset>
</div>
</body>
</html>